<template>
    <view class="main w-100" :style="{ background: props.bgColor }">
        <view class="content">
            <view class="">
                <view class="top" :style="{ paddingTop: systemInfo.titleTop + 'px' }">
                    <view class="main-title"
                        :style="{ height: systemInfo.sBarHeight + 'px', 'line-height': systemInfo.sBarHeight + 'px' }">
                        <slot></slot>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script setup>
const props = defineProps({
    bgColor: {
        type: String,
        default: '#fff'
    },
    pos: {
        type: String,
        default: 'static'
    }
})

const capsule = uni.getStorageSync('capsule');
let systemInfo = uni.getStorageSync('systemInfo');
</script>

<style lang="scss" scoped>
.main-title {
  display: flex;
  align-items: center;
}
</style>
